<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="author" content="Jxm">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/png">
    <link rel="icon" href="images/favicon.ico" type="image/png">
    <title>小米商城</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="bootstrap/js/jquery-3.1.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <link href="css/index.css" rel="stylesheet">
    <link href="css/datouwang.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/koala.min.1.5.js"></script>
    <script src="js/index.js"></script>
    <style>
    </style>
</head>

<body>

    <!--导航栏-->
    <header>
        <nav class="container">
            <ul>
                <li><a>小米商城</a></li>
                <li><a>MIUI</a></li>
                <li><a>米聊</a></li>
                <li><a>游戏</a></li>
                <li><a>多看阅读</a></li>
                <li><a>云服务</a></li>
                <li><a>金融</a></li>
                <li><a>小米商城移动版</a></li>
                <li><a>问题反馈</a></li>
                <li><a>Select Region</a></li>
            </ul>
            <p>
                <a><span>登录</span></a>
                <a><span>注册</span></a>
                <a><span>消息通知</span></a>
                <span id="shopping_car"><span class="glyphicon glyphicon-shopping-cart"></span><span>购物车(0)</span></span>
            </p>
        </nav>
    </header>

    <!--搜索框导航栏-->
    <div class="search">
        <div class="container search_title">
            <div><img src="images/mi_logo.png" alt="小米官网"></div>
            <div><img src="images/title_logo.gif"></div>
            <p>
                <a>小米手机</a>                
                <a>红米</a>
                <a>平板·笔记本</a>
                <a>电视</a>
                <a>盒子·影音</a>
                <a>路由器</a>
                <a>智能·硬件</a>
                <a>服务</a>
                <a>社区</a>
            </p>
            <div id="search_div">
                <input type="search" class="keyword" placeholder="红米4x">
                <span class="search-btn glyphicon glyphicon-search"></span>
            </div>
        </div>
        <div class="search-ul">
            <div class="container">
            <ul>
                <li>
                    <img src="images/t1.png">
                    <p>小米手机5c</p>
                    <p>1499元</p>
                </li>
                
                <li>
                    <img src="images/t2.png">
                    <p>小米Note2</p>
                    <p>1799元起</p>
                </li>
                <li>
                    <img src="images/t3.png">
                    <p>小米MIX</p>
                    <p>3499元起</p>
                </li>
                <li>
                    <img src="images/t5.png">
                    <p>小米5s</p>
                    <p>1999元起</p>
                </li>
                <li>
                    <img src="images/t5.png">
                    <p>小米手机5c</p>
                    <p>1499元</p>
                </li>
                <li>
                    <img src="images/t6.png">
                    <p>小米手机5</p>
                    <p>1799元</p>
                </li>
            </ul>
            </div>
        </div>
    </div>
    

<main class="container">

    <!--轮播图-->
        <div class="banner_main">
            <div id="banner_img">
                <!--轮播图侧边-->
                <div class="banner_title">
                    <ul class="title-ul">
                        <a class="title-a">
                            <li class="title-li">手机 电话卡<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div1-->
                        <div class="list-div1">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/5c_80.png">
                                    <p>小米手机5c</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/xmNOTE2-80.jpg">
                                    <p>小米Node2</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/xmNOTE2-80.jpg">
                                    <p>小米Max</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/xm5S-80.jpg">
                                    <p>小米5s</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/xm5S-plus-80.jpg">
                                    <p>小米5s Plus</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/xm5-80.jpg">
                                    <p>小米5</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/hmn4x80.png">
                                    <p>红米Note4X</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/hmnote4-80.jpg">
                                    <p>红米Note4</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/hm4x_80.png">
                                    <p>红米4X</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/hm4-80.jpg">
                                    <p>红米4</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/hm4A-80.jpg">
                                    <p>红米4A</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/compare.jpg">
                                    <p>对比手机</p>
                                    <a>选购</a>
                                </li>
                                <li class="last-li">
                                    <img src="images/mimobile.jpg">
                                    <p>小米移动 电话卡</p>
                                </li>
                            </ul>
                        </div>
                        <a class="title-a">
                            <li class="title-li">笔记本 平板<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div2-->
                        <div class="list-div1 list-div2">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/bijiben80.jpg">
                                    <p>小米笔记本Air</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/pad2.png">
                                    <p>小米平板2</p>
                                    <a>选购</a>
                                </li>
                                <li>
                                    <img src="images/usbzjqggg80.jpg">
                                    <p>USB-C转接器</p>
                                </li>
                                <li>
                                    <img src="images/neidanbao80.jpg">
                                    <p>小米笔记本内胆包</p>
                                </li>
                                <li>
                                    <img src="images/shubiao80.jpg">
                                    <p>小米便携鼠标</p>
                                </li>
                            </ul>
                        </div>
                        <a class="title-a">
                            <li class="title-li">电视 盒子<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div3-->
                        <div class="list-div1">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/553s80.png">
                                    <p>小米电视3s 48英寸</p>
                                </li>
                                <li>
                                    <img src="images/653s80.png">
                                    <p>小米电视3s 50英寸</p>
                                </li>
                                <li>
                                    <img src="images/shb.jpg">
                                    <p>蓝牙手柄</p>
                                </li>
                                <li>
                                    <img src="images/6580side.jpg">
                                    <p>小米电视3s 55英寸</p>
                                </li>
                                <li>
                                    <img src="images/018080.png">
                                    <p>小米电视3s 60英寸</p>
                                </li>
                                <li>
                                    <img src="images/znyjdaohang.jpg">
                                    <p>家庭音响</p>
                                </li>
                                <li>
                                    <img src="images/tv70.png">
                                    <p>小米电视3s 65英寸</p>
                                </li>
                                <li>
                                    <img src="images//tv60.jpg">
                                    <p>小米电视3 60英寸</p>
                                </li>
                                <li>
                                    <img src="images/80x80.jpg">
                                    <p>电视盒子配件</p>
                                </li>
                                <li>
                                    <img src="images/018080.png">
                                    <p>小米电视3 70英寸</p>
                                </li>
                                <li>
                                    <img src="images/hezi80-80.jpg">
                                    <p>小米盒子3s</p>
                                </li>
                                <li>
                                    <img src="images/hezizengqiangban80side.jpg">
                                    <p>小米盒子3c</p>
                                </li>
                                <li class="last-li">
                                    <img src="images/scale.jpg">
                                    <p>小米盒子3 增强版</p>
                                </li>
                                <li class="last-li1">
                                    <img src="images/suishen-80.jpg">
                                    <p>小米盒子 mini</p>
                                </li>
                                <li class="last-li2">
                                    <img src="images/xiaogangpao2-hei-80.jpg">
                                    <p>小米低音炮</p>
                                </li>
                            </ul>
                        </div>
                        <a class="title-a">
                            <li class="title-li">路由器 智能硬件<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div4-->
                        <div class="list-div1 list-div4">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/jiqiren.jpg">
                                    <p>米家扫地机器人及配件</p>
                                </li>
                                <li>
                                    <img src="images/czjhq80.jpg">
                                    <p>米家车载空气净化器</p>
                                </li>
                                <li>
                                    <img src="images/xueyaji-80.jpg">
                                    <p>血压计</p>
                                </li>
                                <li>
                                    <img src="images/scale.jpg">
                                    <p>体重秤</p>
                                </li>
                                <li>
                                    <img src="images/dianshipeijian.jpg">
                                    <p>小米VR眼镜</p>
                                </li>
                                <li>
                                    <img src="images/dianhuashoubiao80.jpg">
                                    <p>手表</p>
                                </li>
                                <li>
                                    <img src="images/jiqiren80.jpg">
                                    <p>米兔积木机器人</p>
                                </li>
                                <li>
                                    <img src="images/huabanche80.jpg">
                                    <p>电动滑板车</p>
                                </li>
                                <li>
                                    <img src="images/luyouqi-80.jpg">
                                    <p>小米路由器</p>
                                </li>
                                <li>
                                    <img src="images/dianfanbao-80.jpg">
                                    <p>米家智能电饭煲</p>
                                </li>
                                <li>
                                    <img src="images/zhinengdeng-80.jpg">
                                    <p>节能灯</p>
                                </li>
                                <li>
                                    <img src="images/wurenji80.jpg">
                                    <p>小米无人机</p>
                                </li>
                                <li>
                                    <img src="images/scooter.jpg">
                                    <p>九号平衡车</p>
                                </li>
                                <li>
                                    <img src="images/xiaobai80.jpg">
                                    <p>智能摄像机</p>
                                </li>
                                <li>
                                    <img src="images/gushiji80.jpg">
                                    <p>米兔智能故事机</p>
                                </li>
                                <li>
                                    <img src="images/znyjdaohang.jpg">
                                    <p>米家行车记录仪</p>
                                </li>
                                <li>
                                    <img src="images/zxc80-80.jpg">
                                    <p>电动折叠自行车</p>
                                </li>
                                <li>
                                    <img src="images/jinghuaqilvxin80.jpg">
                                    <p>净化器及滤芯</p>
                                </li>
                            </ul>
                        </div>
                        <a class="title-a">
                            <li class="title-li">移动电源 电池 插线板<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div5-->
                        <div class="list-div1 list-div2">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/baohu.jpg">
                                    <p>小米移动电源</p>
                                </li>
                                <li>
                                    <img src="images/7Battery1.jpg">
                                    <p>彩虹7号电池</p>
                                </li>
                                <li>
                                    <img src="images/c1xb343.jpg">
                                    <p>插线板</p>
                                </li>
                                <li>
                                    <img src="images/dianyuan280.jpg">
                                    <p>品牌移动电源</p>
                                </li>
                                <li>
                                    <img src="images/dianyuanfujian.jpg">
                                    <p>充电器</p>
                                </li>
                                <li>
                                    <img src="images/5Battery1.jpg">
                                    <p>彩虹5号电池</p>
                                </li>
                            </ul>
                        </div>
                        <a class="title-a">
                            <li class="title-li">耳机 音箱<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div6-->
                        <div class="list-div1 list-div4">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/toudai80.jpg">
                                    <p>小米头戴式耳机</p>
                                </li>
                                <li>
                                    <img src="images/bluetoothheadset.jpg">
                                    <p>小米蓝牙耳机</p>
                                </li>
                                <li>
                                    <img src="images/xiaogangpao2-hei-80.jpg">
                                    <p>小钢炮音箱2</p>
                                </li>
                                <li>
                                    <img src="images/tdsqs80.jpg">
                                    <p>头戴式耳机轻松版</p>
                                </li>
                                <li>
                                    <img src="images/yundong80.jpg">
                                    <p>小米运动蓝牙耳机</p>
                                </li>
                                <li>
                                    <img src="images/diyinpao.jpg">
                                    <p>小米方盒子音响</p>
                                </li>
                                <li>
                                    <img src="images/quantie.jpg">
                                    <p>小米全铁耳机 Pro</p>
                                </li>
                                <li>
                                    <img src="images/huosai1.jpg">
                                    <p>品牌耳机</p>
                                </li>
                                <li>
                                    <img src="images//naozhong80.jpg">
                                    <p>小米音乐闹钟</p>
                                </li>
                                <li>
                                    <img src="images/jiaonang80.jpg">
                                    <p>小米全铁耳机</p>
                                </li>
                                <li>
                                    <img src="images/shuihu80.jpg">
                                    <p>小米网络音响</p>
                                </li>
                                <li>
                                    <img src="images/mituyinx80.jpg">
                                    <p>小米米兔音响</p>
                                </li>
                                <li>
                                    <img src="images/qtpro80.jpg">
                                    <p>小米胶囊耳机</p>
                                </li>
                                <li>
                                    <img src="images/suishen-80.jpg">
                                    <p>小米蓝牙音响</p>
                                </li>
                                <li>
                                    <img src="images/chechong1.jpg">
                                    <p>音乐蓝牙车充</p>
                                </li>
                                <li>
                                    <img src="images/pinpai80.jpg">
                                    <p>小米活塞耳机清新版</p>
                                </li>
                                <li>
                                    <img src="images/pocketaudio.png">
                                    <p>小米随身蓝牙音响</p>
                                </li>
                            </ul>
                        </div>
                        <a class="title-a">
                            <li class="title-li">保护套 贴膜<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div7-->
                        <div class="list-div1 list-div2">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/tiemo.jpg">
                                    <p>贴膜</p>
                                </li>
                                <li>
                                    <img src="images/baohu.jpg">
                                    <p>保护套/保护壳</p>
                                </li>
                            </ul>
                        </div>
                        <a class="title-a">
                            <li class="title-li">线材 支架 储存卡<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div8-->
                        <div class="list-div1 list-div2">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/kljj.png">
                                    <p>线材</p>
                                </li>
                                <li>
                                    <img src="images/hhnn.png">
                                    <p>自拍杆</p>
                                </li>
                                <li>
                                    <img src="images/ffgg.png">
                                    <p>手机支架</p>
                                </li>
                                <li>
                                    <img src="images/kk.png">
                                    <p>储存卡</p>
                                </li>
                            </ul>
                        </div>
                        <a class="title-a">
                            <li class="title-li">箱包 服饰<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div9-->
                        <div class="list-div1 list-div2">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/xbao.png">
                                    <p>箱包</p>
                                </li>
                                <li>
                                    <img src="images/lxbao.png">
                                    <p>90分旅行箱包</p>
                                </li>
                                <li>
                                    <img src="images/fushi.png">
                                    <p>服饰</p>
                                </li>
                            </ul>
                        </div>
                        <a class="title-a">
                            <li class="title-li">米兔 生活周边<span>&gt;</span></li>
                        </a>
                        <!--隐藏的div10-->
                        <div class="list-div1 list-div2">
                            <ul class="div1-ul">
                                <li>
                                    <img src="images/mitu.png">
                                    <p>米兔玩偶</p>
                                </li>
                                <li>
                                    <img src="images/sbd.png">
                                    <p>鼠标垫</p>
                                </li>
                                <li>
                                    <img src="images/zhoub.png">
                                    <p>生活周边</p>
                                </li>
                                <li>
                                    <img src="images/huikan.png">
                                    <p>《小米》会刊</p>
                                </li>
                                <li>
                                    <img src="images/yujin.png">
                                    <p>毛巾/浴巾</p>
                                </li>
                                <li>
                                    <img src="images/ztou.png">
                                    <p>8H乳胶枕</p>
                                </li>
                            </ul>
                        </div>
                    </ul>
                </div>
                <div id="fsD1" class="focus">
                    <div id="D1pic1" class="fPic">
                        <div class="fcon" style="display: none;">
                            <a><img src="images/banner1.jpg" style="opacity: 1; "></a>
                        </div>
                        <div class="fcon" style="display: none;">
                            <a><img src="images/banner2.jpg" style="opacity: 1; "></a>
                        </div>
                        <div class="fcon" style="display: none;">
                            <a><img src="images/banner3.jpg" style="opacity: 1; "></a>
                        </div>
                        <div class="fcon" style="display: none;">
                            <a><img src="images/banner4.jpg" style="opacity: 1; "></a>
                        </div>
                        <div class="fcon" style="display: none;">
                            <a><img src="images/banner5.jpg" style="opacity: 1; "></a>
                        </div>
                    </div>
                    <div class="fbg">
                        <div class="D1fBt" id="D1fBt">
                            <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>1</i></a>
                            <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>2</i></a>
                            <a href="javascript:void(0)" hidefocus="true" target="_self" class="current"><i>3</i></a>
                            <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>4</i></a>
                            <a href="javascript:void(0)" hidefocus="true" target="_self" class=""><i>5</i></a>
                        </div>
                    </div>
                <span class="prev"></span>
                <span class="next"></span>
            </div>
        </div>
    </div>
</div>

<!--轮播图下索引块图-->
<div class="index_block">
    <div class="index_auto">
        <div class="block_title">
            <ul class="block-ul">
                <li class="li1"><span><span class="glyphicon glyphicon-phone btn"></span><br>选购手机</span></li>
                <li class="li2"><span><span class="glyphicon glyphicon-gift btn"></span><br>企业团购</span></li>
                <li class="li3"><span><span class="glyphicon glyphicon-info-sign btn"></span><br>一元活动</span></li>
                <li class="li4"><span><span class="glyphicon glyphicon-credit-card btn"></span><br>小米移动</span></li>
                <li class="li5"><span><span class="glyphicon glyphicon-retweet btn"></span><br>以旧换新</span></li>
                <li class="li6"><span><span class="glyphicon glyphicon-log-in btn"></span><br>话费充值</span></li>
            </ul>
        </div>
        <ul class="index-ul">
            <li><img src="images/banner_q1.jpg"></li>
            <li><img src="images/banner_q2.jpg"></li>
            <li><img src="images/banner_q3.jpg"></li>
        </ul>
    </div>
</div>

<!--小米明星单品-->
<div class="star_title">
    <h1>小米明星单品<span class="star_btn"><span class="btn-left glyphicon glyphicon-chevron-left"></span><span class="btn-right glyphicon glyphicon-chevron-right"></span></span>
    </h1>
</div>
<div class="star_main">
    <ul>
        <li>
            <figure>
                <img src="images/star_danpin1.jpg" alt="">
                <figcaption>
                    <h3>小米5s Plus</h3>
                    <p class="star_desc">5.7英寸大屏双摄手机,拍照黑科技</p>
                    <p class="star_price">2299元起</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin2.jpg" alt="">
                <figcaption>
                    <h3>小米电视3s 55英寸</h3>
                    <p class="star_desc">人工智能电视,4k大屏新旗舰</p>
                    <p class="star_price">3999元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin3.jpg" alt="">
                <figcaption>
                    <h3>小米移动电源2</h3>
                    <p class="star_desc">双向快充,高密度锂聚合物电芯</p>
                    <p class="star_price">79元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin4.jpg" alt="">
                <figcaption>
                    <h3>小米手环2</h3>
                    <p class="star_desc">OLED显示屏幕,升级计步算法</p>
                    <p class="star_price">149元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin5.jpg" alt="">
                <figcaption>
                    <h3>小米净水器 厨下式</h3>
                    <p class="star_desc">直出纯净水,隐藏式安装</p>
                    <p class="star_price">1999元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin6.jpg" alt="">
                <figcaption>
                    <h3>米家LED智能台灯</h3>
                    <p class="star_desc">无可视频闪,亮度色温无级调节</p>
                    <p class="star_price">169元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin7.jpg" alt="">
                <figcaption>
                    <h3>米家iHealth血压计</h3>
                    <p class="star_desc">爸妈上手就会用的智能血压计</p>
                    <p class="star_price">399元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin8.jpg" alt="">
                <figcaption>
                    <h3>小米路由器3</h3>
                    <p class="star_desc">更快更强,不止四天线</p>
                    <p class="star_price">149元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin9.jpg" alt="">
                <figcaption>
                    <h3>小米活塞耳机 清新版</h3>
                    <p class="star_desc">铝合金音腔,第三代平衡阻尼系统</p>
                    <p class="star_price">29元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin10.jpg" alt="">
                <figcaption>
                    <h3>小米体重秤</h3>
                    <p class="star_desc">100克,喝杯水都可感知的精准</p>
                    <p class="star_price">99元</p>
                </figcaption>
            </figure>
        </li>
    </ul>
</div>
</main>

<!--分类-->
<div id="many_goods">
    <!--智能硬件-->
    <div class="container smart_title">
        <h1>智能硬件<span class="text_right">查看全部<span>></span></span>
        </h1>
    </div>
    <div class="container smart_goods">
        <div class="smart_left">
            <img src="images/yingjian_title.jpg" alt="">
        </div>
        <div class="smart_img">
            <figure>
                <img src="images/yingjian1.jpg" alt="">
                <figcaption>
                    <h3>米家行车记录仪</h3>
                    <p class="star_desc">晚上能拍清车牌的行车记录仪</p>
                    <p class="star_price">349元</p>
                </figcaption>
            </figure>
            <figure>
                <img src="images/yingjian2.jpg" alt="">
                <figcaption>
                    <h3>小米空气净化器2</h3>
                    <p class="star_desc">高效除霾</p>
                    <p class="star_price">6999元</p>
                </figcaption>
            </figure>
            <figure>
                <img src="images/yingjian3.jpg" alt="">
                <figcaption>
                    <h3>米兔智能故事机</h3>
                    <p class="star_desc">微信远程互动,智能语音交互</p>
                    <p class="star_price">199元</p>
                </figcaption>
            </figure>
            <figure>
                <img src="images/yingjian4.jpg" alt="">
                <figcaption>
                    <h3>米兔儿童手表Q</h3>
                    <p class="star_desc">11重安全设计,五重精准定位</p>
                    <p class="star_price">299元</p>
                </figcaption>
            </figure>
            <figure>
                <img src="images/yingjian5.jpg" alt="">
                <figcaption>
                    <h3>米家小白智能摄像机</h3>
                    <p class="star_desc">360°高清拍摄,1080P高清摄像</p>
                    <p class="star_price">399元</p>
                </figcaption>
            </figure>
            <figure>
                <img src="images/yingjian6.jpg" alt="">
                <figcaption>
                    <h3>米家车载空气净化器</h3>
                    <p class="star_desc">车内空气焕然一新</p>
                    <p class="star_price">449元</p>
                </figcaption>
            </figure>
            <figure>
                <img src="images/yingjian7.jpg" alt="">
                <figcaption>
                    <h3>米家骑记电助力折叠自行车</h3>
                    <p class="star_desc">让城市出行轻松有趣</p>
                    <p class="star_price">2999元</p>
                </figcaption>
            </figure>
            <figure>
                <img src="images/yingjian8.jpg" alt="">
                <figcaption>
                    <h3>小米米家电动滑板车</h3>
                    <p class="star_desc">简单几何设计,1分钟轻松上手</p>
                    <p class="star_price">1999元</p>
                </figcaption>
            </figure>
        </div>
    </div>

    <!--搭配-->
    <div class="container dapei_title">
        <h1>搭配</h1>
    </div>
    <div class="container dapei_goods smart_goods">
        <div class="smart_left">
            <div><img src="images/dapei_title1.jpg" alt=""></div>
            <div><img src="images/dapei_title2.jpg" alt=""></div>
        </div>
        <div class="dapei_img">
            <figure>
                <img src="images/dapei1.jpg" alt="">
                <figcaption>
                    <h3>2000mAh小米移动电源2</h3>
                    <p class="star_desc">149元</p>
                    <p class="star_price">7137人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/dapei2.jpg" alt="">
                <figcaption>
                    <h3>小米活塞耳机 清新版</h3>
                    <p class="star_desc">29元</p>
                    <p class="star_price">1.6万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/dapei3.jpg" alt="">
                <figcaption>
                    <h3>小米移动电源1000mAh高配版</h3>
                    <p class="star_desc">149元</p>
                    <p class="star_price">2754人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/dapei4.jpg" alt="">
                <figcaption>
                    <h3>小米圈铁耳机</h3>
                    <p class="star_desc">149元</p>
                    <p class="star_price">1.1万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/dapei5.jpg" alt="">
                <figcaption>
                    <h3>小米网络音箱</h3>
                    <p class="star_desc">399元</p>
                    <p class="star_price">2872人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/dapei6.jpg" alt="">
                <figcaption>
                    <h3>小米蓝牙耳机青春版</h3>
                    <p class="star_desc">59元</p>
                    <p class="star_price">1.4万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/dapei7.jpg" alt="">
                <figcaption>
                    <h3>小米小钢炮蓝牙音箱2</h3>
                    <p class="star_desc">129元</p>
                    <p class="star_price">2.2万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <div class="dapei_right">
                <div>
                    <p>Heylou</p>
                    <p class="price">149元</p>
                </div>
                <img src="images/dapei8.jpg">
            </div>
            <div class="anymore">
                <div>
                    <p>浏览更多</p>
                    <p class="more">热门</p>
                </div>
                <img src="images/dapei9.png">
            </div>
        </div>
    </div>

    <!--配件-->
    <div class="container dapei_title">
        <h1>配件</h1>
    </div>
    <div class="container dapei_goods smart_goods">
        <div class="smart_left">
            <div><img src="images/peijian_title1.jpg" alt=""></div>
            <div><img src="images/peijian_title2.png" alt=""></div>
        </div>
        <div class="dapei_img">
            <figure>
                <img src="images/peijian1.jpg" alt="">
                <figcaption>
                    <h3>小米手机4c 小米4c 智能唤...</h3>
                    <p class="star_desc">29元
                        <del style="color:#999;">49元</del>
                    </p>
                    <p class="star_price">7137人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/peijian2.jpg" alt="">
                <figcaption>
                    <h3>小米指环支架</h3>
                    <p class="star_desc">19元</p>
                    <p class="star_price">1.6万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/peijian3.jpg" alt="">
                <figcaption>
                    <h3>小米自拍杆(线控版)</h3>
                    <p class="star_desc">49元</p>
                    <p class="star_price">2754人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/peijian4.jpg" alt="">
                <figcaption>
                    <h3>小米手机5 小米5 钢化玻璃...</h3>
                    <p class="star_desc">29元</p>
                    <p class="star_price">1.1万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/peijian5.jpg" alt="">
                <figcaption>
                    <h3>小米5s 标准高透贴膜</h3>
                    <p class="star_desc">19元</p>
                    <p class="star_price">2872人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/peijian6.png" alt="">
                <figcaption>
                    <h3>小米随身WiFi</h3>
                    <p class="star_desc">19.9元</p>
                    <p class="star_price">1.4万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/peijian5.jpg" alt="">
                <figcaption>
                    <h3>小米5s Plus 标准高透贴膜</h3>
                    <p class="star_desc">19元</p>
                    <p class="star_price">2.2万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <div class="dapei_right">
                <div>
                    <p>小米5s..</p>
                    <p class="price">19元</p>
                </div>
                <img src="images/peijian8.jpg">
            </div>
            <div class="anymore">
                <div>
                    <p>浏览更多</p>
                    <p class="more">热门</p>
                </div>
                <img src="images/dapei9.png">
            </div>
        </div>
    </div>

    <!--周边-->
    <div class="container dapei_title">
        <h1>周边</h1>
    </div>
    <div class="container dapei_goods smart_goods">
        <div class="smart_left">
            <div><img src="images/zhoubian_title1.jpg" alt=""></div>
            <div><img src="images/zhoubian_title2.jpg" alt=""></div>
        </div>
        <div class="dapei_img">
            <figure>
                <img src="images/zhoubian1.jpg" alt="">
                <figcaption>
                    <h3>90分旅行箱 24寸</h3>
                    <p class="star_desc">349元</p>
                    <p class="star_price">7137人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/zhoubian2.jpg" alt="">
                <figcaption>
                    <h3>最生活浴巾·青春系列</h3>
                    <p class="star_desc">99元</p>
                    <p class="star_price">1.6万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/zhoubian3.jpg" alt="">
                <figcaption>
                    <h3>8H标准乳胶枕</h3>
                    <p class="star_desc">149元
                        <del style="color:#999;">159元</del>
                    </p>
                    <p class="star_price">2754人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/zhoubian4.jpg" alt="">
                <figcaption>
                    <h3>小米简约头层小牛皮钱包</h3>
                    <p class="star_desc">129元</p>
                    <p class="star_price">1.1万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/zhoubian5.jpg" alt="">
                <figcaption>
                    <h3>米家签字笔</h3>
                    <p class="star_desc">14.9元</p>
                    <p class="star_price">2872人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/zhoubian6.jpg" alt="">
                <figcaption>
                    <h3>防雾霾口罩</h3>
                    <p class="star_desc">69元</p>
                    <p class="star_price">1.4万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <figure>
                <img src="images/zhoubian7.jpg" alt="">
                <figcaption>
                    <h3>8H对功能护颈枕U1</h3>
                    <p class="star_desc">79元</p>
                    <p class="star_price">2.2万人评价</p>
                </figcaption>
                <div class="answer">
                    <p>石头人更换人生观客服妹妹你一定要理解</p>
                    <p>来自于星星的评价</p>
                </div>
            </figure>
            <div class="dapei_right">
                <div>
                    <p>变形金刚..</p>
                    <p class="price">169元</p>
                </div>
                <img src="images/zhoubian8.jpg">
            </div>
            <div class="anymore">
                <div>
                    <p>浏览更多</p>
                    <p class="more">热门</p>
                </div>
                <img src="images/dapei9.png">
            </div>
        </div>
    </div>

    <!--为你推荐-->
    <div class="container star_title">
        <h1>为你推荐<span class="star_btn"><span class="btn-left glyphicon glyphicon-chevron-left"></span><span class="btn-right glyphicon glyphicon-chevron-right"></span></span>
        </h1>
    </div>
    <div class="container introduce">
        <div class="star_main">
        <ul>
        <li>
            <figure>
                <img src="images/star_danpin1.jpg" alt="">
                <figcaption>
                    <h3>小米5s Plus</h3>
                    <p class="star_desc">5.7英寸大屏双摄手机,拍照黑科技</p>
                    <p class="star_price">2299元起</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin2.jpg" alt="">
                <figcaption>
                    <h3>小米电视3s 55英寸</h3>
                    <p class="star_desc">人工智能电视,4k大屏新旗舰</p>
                    <p class="star_price">3999元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin3.jpg" alt="">
                <figcaption>
                    <h3>小米移动电源2</h3>
                    <p class="star_desc">双向快充,高密度锂聚合物电芯</p>
                    <p class="star_price">79元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin4.jpg" alt="">
                <figcaption>
                    <h3>小米手环2</h3>
                    <p class="star_desc">OLED显示屏幕,升级计步算法</p>
                    <p class="star_price">149元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin5.jpg" alt="">
                <figcaption>
                    <h3>小米净水器 厨下式</h3>
                    <p class="star_desc">直出纯净水,隐藏式安装</p>
                    <p class="star_price">1999元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin6.jpg" alt="">
                <figcaption>
                    <h3>米家LED智能台灯</h3>
                    <p class="star_desc">无可视频闪,亮度色温无级调节</p>
                    <p class="star_price">169元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin7.jpg" alt="">
                <figcaption>
                    <h3>米家iHealth血压计</h3>
                    <p class="star_desc">爸妈上手就会用的智能血压计</p>
                    <p class="star_price">399元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin8.jpg" alt="">
                <figcaption>
                    <h3>小米路由器3</h3>
                    <p class="star_desc">更快更强,不止四天线</p>
                    <p class="star_price">149元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin9.jpg" alt="">
                <figcaption>
                    <h3>小米活塞耳机 清新版</h3>
                    <p class="star_desc">铝合金音腔,第三代平衡阻尼系统</p>
                    <p class="star_price">29元</p>
                </figcaption>
            </figure>
        </li>
        <li>
            <figure>
                <img src="images/star_danpin10.jpg" alt="">
                <figcaption>
                    <h3>小米体重秤</h3>
                    <p class="star_desc">100克,喝杯水都可感知的精准</p>
                    <p class="star_price">99元</p>
                </figcaption>
            </figure>
        </li>
        </ul>
        </div>
    </div>

    <!--热评产品-->
    <div class="container star_title">
        <h1>热评产品</h1>
    </div>
    <div class="container hotask">
        <figure>
            <img src="images/hotask1.png" alt="">
            <figcaption>
                <h3>先五星好评 小米的东西一向反响不错 用了之后更是感觉好的没话说 性价比超级合适 很棒棒哦</h3>
                <p class="star_desc">来自 fayday 的评价</p>
                <p class="goodsname">小米空气净化器2 | <span class="star_price">699元</span></p>
            </figcaption>
        </figure>
        <figure>
            <img src="images/hotask2.jpg" alt="">
            <figcaption>
                <h3>这箱子很好 外观很漂亮 实用性很强 很轻 有点软但不影响它的坚固</h3>
                <p class="star_desc">来自 书雁 的评价</p>
                <p class="goodsname">90分旅行箱 20寸 | <span class="star_price">299元</span></p>
            </figcaption>
        </figure>
        <figure>
            <img src="images/hotask3.jpg" alt="">
            <figcaption>
                <h3>超级喜欢！小巧玲珑！音质完美！带着方便！不知道为什么！小米出的东西我都喜欢！那倒是因为那一句？？小米为发...</h3>
                <p class="star_desc">来自 kedag 的评价</p>
                <p class="goodsname">小米随身蓝牙音箱 | <span class="star_price">69元</span></p>
            </figcaption>
        </figure>
        <figure>
            <img src="images/hotask4.png" alt="">
            <figcaption>
                <h3>手机好用，反应快，价格适中，会常光顾，赞 五星好评！</h3>
                <p class="star_desc">来自 很多事 的评价</p>
                <p class="goodsname">小米Max全网通版 | <span class="star_price">1299元</span></p>
            </figcaption>
        </figure>
    </div>

    <!--内容-->
    <div class="container star_title">
        <h1>内容</h1>
    </div>
    <div class="container neirong">
        <figure>
            <h2 class="neirong_title">图书</h2>
            <figcaption>
                <h3>哈利·波特与被诅咒的孩子</h3>
                <p class="star_desc">哈利·波特 第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                <p class="star_price">29.37元</p>
            </figcaption>
            <img src="images/neirong1-1.jpg" alt="">
        </figure>
        <figure>
            <h2 class="neirong_title">MIUI主题</h2>
            <figcaption>
                <h3>小米5c尊黑版</h3>
                <p class="star_desc">小米5c动态尊黑主题，首发上线，会动的默认主题</p>
                <p class="star_price">9米币</p>
            </figcaption>
            <img src="images/neirong2-1.jpg" alt="">
        </figure>
        <figure>
            <h2 class="neirong_title">游戏</h2>
            <figcaption>
                <h3>米柚手游模拟器</h3>
                <p class="star_desc">在电脑上玩遍所有小米手游</p>
                <p class="star_price">免费</p>
            </figcaption>
            <img src="images/neirong3-1.png" alt="">
        </figure>
        <figure>
            <h2 class="neirong_title">应用</h2>
            <figcaption>
                <h3>2017金米奖</h3>
                <p class="star_desc">最优秀的应用和游戏</p>
            </figcaption>
            <img src="images/neirong4-1.png" alt="">
        </figure>
    </div>

    <!--视频-->
    <div class="container star_title">
        <h1>视频<span class="text_right">查看全部<span>></span></span>
        </h1>
    </div>
    <div class="container vedio">
        <figure>
            <img src="images/vedio1.jpg" alt="">
            <span class="play-btn"><span class="glyphicon glyphicon-play"></span></span>
            <figcaption>
                <h3>红星Note 4X 环岛挑战</h3>
                <p class="star_desc">看看我们关于超长续航的疯狂想法</p>
            </figcaption>
        </figure>
        <figure>
            <img src="images/vedio2.jpg" alt="">
            <span class="play-btn"><span class="glyphicon glyphicon-play"></span></span>            
            <figcaption>
                <h3>小米之家里发生了一件怪事</h3>
                <p class="star_desc">Word Order星机械人受邀访问地球</p>
            </figcaption>
        </figure>
        <figure>
            <img src="images/vedio3.jpg" alt="">
            <span class="play-btn"><span class="glyphicon glyphicon-play"></span></span>                        
            <figcaption>
                <h3>小米Max 概念手机背后的故事</h3>
                <p class="star_desc">雷总亲自讲述小米Max的产生</p>
            </figcaption>
        </figure>
        <figure>
            <img src="images/vedio4.jpg" alt="">
            <span class="play-btn"><span class="glyphicon glyphicon-play"></span></span>                        
            <figcaption>
                <h3>一面科技，一面技术</h3>
                <p class="star_desc">梁朝伟讲述双面人生</p>
            </figcaption>
        </figure>
    </div>


</div>

<!--底部-->
<footer>
    <!--服务-->
    <div class="container footer-service">
        <ul>
            <li><a><span><img src="images/edit.png"></span><span>预约维修服务</span></a></li>
            <li><a><span><img src="images/tui.png"></span><span>7天无理由退货</span></a></li>
            <li><a><span><img src="images/huan.png"></span><span>15天免费换货</span></a></li>
            <li><a><span><img src="images/gift.png"></span><span>满150包邮</span></a></li>
            <li><a><span><img src="images/map.png"></span><span>520余家售后网店</span></a></li>
        </ul>
    </div>
    <!--服务联系-->
    <div class="container footer-links">
        <dl class="col-links">
            <dt>帮助中心</dt>
            <dd><a>账户管理</a></dd>
            <dd><a>购物指南</a></dd>
            <dd><a>订单操作</a></dd>
        </dl>
        <dl class="col-links">
            <dt>服务支持</dt>
            <dd><a>售后政策</a></dd>
            <dd><a>自助服务</a></dd>
            <dd><a>相关下载</a></dd>
        </dl>
        <dl class="col-links">
            <dt>线下门店</dt>
            <dd><a>小米之家</a></dd>
            <dd><a>服务网点</a></dd>
            <dd><a>零售网点</a></dd>
        </dl>
        <dl class="col-links">
            <dt>关于小米</dt>
            <dd><a>了解小米</a></dd>
            <dd><a>加入小米</a></dd>
            <dd><a>加入我们</a></dd>
        </dl>
        <dl class="col-links">
            <dt>关注我们</dt>
            <dd><a>新浪微博</a></dd>
            <dd><a>小米部落</a></dd>
            <dd><a>官方微信</a></dd>
        </dl>
        <dl class="col-links">
            <dt>特色服务</dt>
            <dd><a>F码通道</a></dd>
            <dd><a>礼物码</a></dd>
            <dd><a>防伪查询</a></dd>
        </dl>
        <div class="col-contact">
            <p class="phone">400-100-5678</p>
            <p class="cal-date"><span>周一至周日 8:00-18:00</span>(仅收市话费)</p>
            <a><span class="glyphicon glyphicon-comment"></span><sapn>24小时在线客服</sapn></a>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <div class="footer-logo">
                <img src="images/mi_logo.png" alt="">
            </div>
            <div class="footer-text">
                <p class="sites"><a>小米商城</a> | <a>MIUI</a> | <a>米聊</a> | <a>多看书城</a> | <a>多小米路由器</a> | <a>企业团购</a> | <a>小米天猫店</a> | <a>小米淘宝直营店</a>                    | <a>Select Region</a></p>
                <p><span class="glyphicon glyphicon-copyright-mark"></span> mi.com京ICP证110507京ICP备10046444号京公网安备11010802020134号京网文[2014]0059-0009号<br>违法和不良信息举报电话:185-0130-1238,本网站所列数据,除特殊说明,所有的数据均出自我司实验室测试</p>
            </div>
            <span class="footer-icon">
                <a><img src="images/v-logo-1.png"></a>
                 <a><img src="images/v-logo-2.png"></a>
                 <a><img src="images/v-logo-3.png"></a>
                 <a><img src="images/v-logo-4.png"></a>
            </span>
        </div>
        <img src="images/slogan2016.png" id="slogan">
    </div>
</footer>

</body>

</html>

<script type="text/javascript">
    Qfast.add('widgets', { path: "js/terminator2.2.min.js", type: "js", requires: ['fx'] });
    Qfast(false, 'widgets', function () {
        K.tabs({
            id: 'fsD1',   //焦点图包裹id  
            conId: "D1pic1",  //** 大图域包裹id  
            tabId: "D1fBt",
            tabTn: "a",
            conCn: '.fcon', //** 大图域配置class       
            auto: 1,   //自动播放 1或0
            effect: 'fade',   //效果配置
            eType: 'click', //** 鼠标事件
            pageBt: true,//是否有按钮切换页码
            bns: ['.prev', '.next'],//** 前后按钮配置class                          
            interval: 2500  //** 停顿时间  
        })
    })  
</script>

<script>
    $('.dapei_img figure').hover(function () {
        $(this).find('.answer').stop().animate({ bottom: 0 }, 200)
    }, function () {
        $(this).find('.answer').stop().animate({ bottom: -70 }, 200)
    })

    $('.title-ul .title-a').hover(function () {
        $(this).next().css('display', 'block').hover(function(){
            $(this).css('display', 'block')
        },function(){
            $(this).css('display', 'none')
        })

    }, function () {
        $(this).next().css('display', 'none')
    })


    
    $('.star_title .star_btn>.btn-right').click(function(){
        $('.star_main').stop().animate({left:-1185},700)
        right();
    })
    $('.star_title .star_btn>.btn-left').click(function(){
        $('.star_main').stop().animate({left:0},700)
        left();
    })
    var timer=setInterval(auto,4000)
    var ler=0
    function auto(){
        if(ler==0){
            $('.star_main').stop().animate({left:-1185},700);
            right();                  
            ler=1;
        }else{
            $('.star_main').stop().animate({left:0},700);
            left();                      
            ler=0;
        }
    }
    function right(){
        $('.star_title .star_btn>.btn-right').css('color','#666')            
        $('.star_title .star_btn>.btn-left').css('color','#ccc')  
    }
    function left(){
        $('.star_title .star_btn>.btn-right').css('color','#ccc')            
        $('.star_title .star_btn>.btn-left').css('color','#666')
    }
    // $('.star_title .star_btn').hover(function(){
    //     clearInterval(timer);
    // },function(){
    //     var timer=setInterval(auto,2500)
    //     var left=0
    //     auto();
    // })


    $('h1 .text_right').hover(function(){
        $(this).css('color','orangered')
        $('h1 .text_right span').css('background-color','orangered')
    },function(){
        $(this).css('color','#333')
        $('h1 .text_right span').css('background-color','#999')
    })


    $('.vedio img').hover(function(){
        $(this).next().css('background-color','orangered')
        $(this).next().css('border','2px solid orangered')
    },function(){
        $(this).next().css('background-color','#666')
        $(this).next().css('border','2px solid #fff')
    })


    $('.search_title>p a').hover(function(){
        $('.search-ul').css('border-top','1px solid #ccc')
        $('.search-ul>div>ul').stop().animate({top:0},500)
    },function(){
        $('.search-ul').css('border-top','none')
        $('.search-ul>div>ul').stop().animate({top:-200},500)
    })
    $('.search-ul>div>ul').hover(function(){
        $('.search-ul').css('border-top','1px solid #ccc')
        $('.search-ul>div>ul').stop().animate({top:0},500)
    },function(){
        $('.search-ul').css('border-top','none')
        $('.search-ul>div>ul').stop().animate({top:-200},500)
    })
    


</script>